 FastClick.attach(document.body);

var _video1 = $("#video1")[0];
var _video2 = $("#video2")[0];
var _video3 = $("#video3")[0];
var _videoType = 0;

var _effect = $("#effect")[0];
var _effect_bt = $("#effect_bt")[0];
var _bg = $("#bg")[0];

var _time = new Date();

var imgArr = [
  "images\/pic_header.jpg",
  "images\/ico_target.png",
  "images\/pic_complete_1.png",
  "images\/pic_complete_2.png",
  "images\/pic_fail.png",
  "images\/pic_fire.png",
  "images\/pic_prompt_1.png",
  "images\/pic_prompt_2.png",
  "images\/pic_result.png"
];
var _loading = $(".loading");
loadImg(imgArr,function(_imgs){
  // _loading.hide();
  setTimeout(checkVideo, 100);
},function(_per){
  // loadingData.css("width", _per+"%");
});

// setTimeout(checkVideo, 100);

function checkVideo(){
  if(_video1.readyState == 4){
    // _effect.play();
    _time = _time.getTime();
    var nowTime = new Date();
    nowTime = nowTime.getTime();
    if((nowTime - _time)/1000 < 3){
      setTimeout(function(){
        _loading.addClass("on");
      }, 2000);
      return
    }
    _loading.addClass("on");
    return;
  }
  setTimeout(checkVideo, 100);
}

// $("section.header .btn_cancel").on("click", function(){
//   $(this).hide();
// 	$("section.header .btn_go").addClass("on");
// });

$("section.header .btn_go").on("touchstart", function(){
  // alert("start");
  _time = new Date();
  _time = _time.getTime();
  changeSection("index");
  setTimeout(function(){
    _bg.pause();
    $("#video1").show();
    _video1.play();
  }, 200);
});

// var iconStartX;

// $("section.header .icon").on("touchstart", function(e){
//   e.preventDefault();
//   iconStartX = e.originalEvent.changedTouches[0].pageX;
// });

// $("section.header .icon").on("touchmove", function(e){
//   e.preventDefault();
//   var _x = e.originalEvent.changedTouches[0].pageX;
//   if(e.originalEvent.changedTouches[0].pageX - iconStartX >= 200){
//     $("section.header .icon").addClass("on");
//     _effect.pause();
//     setTimeout(function(){
//       _time = new Date();
//       _time = _time.getTime();
//       changeSection("index");
//       _video.play();
//     }, 500);
//     return;
//   }
//   $("section.header .icon").css("-webkit-transform", "translate("+(_x-67)/100+"rem,0)");
// });

// $("section.header .icon").on("touchend", function(e){
//   e.preventDefault();
//   if(e.originalEvent.changedTouches[0].pageX - iconStartX < 200){
//     $("section.header .icon").css("-webkit-transform", "translate(0,0)");
//     return;
//   }
// });

// $("section.index .part1 .box").on("click", function(){
//   // alert("xx")
//   // return;
// 	// if($(this).hasClass("on")){
// 	// 	clearTimeout(boxSt);
// 	// 	if(boxCur == 5){
// 	// 		complete_one();
// 	// 	}
// 	// 	if(boxCur != 5){
// 	// 		fail_one();
// 	// 	}
// 	// 	return;
// 	// }
//   if(!$(this).hasClass("on")){
//     $("section.index .part1 .prompt").hide();
//     $("section.index .part1 .box").addClass("on");
//   }
// });

var partOneType = 0;

$("section.index .part1 .box").on("webkitAnimationEnd", function(){
    if($(this).hasClass("on")){
    	// boxSt = setTimeout(partOneGo, boxGoSecond);
      partOneType = 1;
    	$("section.index .part1 .box .min").fadeIn(200);
      $("section.index .part1 .box .max").fadeIn(200);
		return;
	}
});

$("section.index .part1 .box").on("touchstart", function(e){
  e.preventDefault();
  if(!$(this).hasClass("on")){
    $("section.index .part1 .prompt").hide();
    $("section.index .part1 .box").addClass("on");
    _effect_bt.play();
  }
  if($(this).hasClass("on") && partOneType == 1){
    _effect_bt.pause();
    _effect.play();
    boxSt = setTimeout(partOneGo, boxGoSecond);
  }
});

$("section.index .part1 .box").on("touchend", function(e){
  e.preventDefault();
  if($(this).hasClass("on") && partOneType == 1){
    clearTimeout(boxSt);
    _effect.pause();
    if(boxCur == 5){
      complete_one();
      return;
    }
    if(boxCur != 5){
      fail_one();
      return;
    }
  }
});

var boxCur = 1;
var boxGoSecond = 500;
var boxSt;

// function partOneGo(){
// 	boxGoSecond = 300;
// 	$("section.index .part1 .box").removeClass("item"+boxCur);
// 	boxCur += 1;
// 	if(boxCur > 5){
// 		boxCur = 1;
// 	}
// 	if(boxCur == 4){
// 		boxGoSecond = (Math.floor(Math.random()*5)+1)*300;
// 	}
// 	$("section.index .part1 .box").addClass("item"+boxCur);
// 	boxSt = setTimeout(partOneGo, boxGoSecond);
// }

function partOneGo(){
  // _effect.pause();
  $("section.index .part1 .box").removeClass("item"+boxCur);
  boxCur += 1;
  boxGoSecond -= 100;
  if(boxCur > 5){
    boxCur = 1;
    boxGoSecond = 500;
  }
  $("section.index .part1 .box").addClass("item"+boxCur);
  // _effect.play();
  boxSt = setTimeout(partOneGo, boxGoSecond);
}

var failOneArray = [
  "浜诧紝瑕佷笉娲椾釜鎵嬪啀鏉ワ紵",
  "绛斿簲鎴戯紝涓嶈鍐嶆寲鍧戜簡锛屽ソ鍚楋紵",
  "浣狅紝浣犺繖鏍锋槸鍦ㄤ井杈辨垜鍚楋紵",
  "鍐嶅缁冪粌鎵嬶紝澶辫触鏄垚鍔熶箣姣嶅摕銆�",
  "灏变綘杩欐墜閫燂紝鎬庤兘寰楀ぉ涓嬶紵",
  "鐪嬫潵鍦ㄤ綘杩欓噷锛岃剳閫熷拰鎵嬮€熶笉鍙吋寰楀摕~",
  "鐪嬫潵鍦ㄤ綘杩欓噷锛岃剳閫熷拰鎵嬮€熶笉鍙吋寰楀摕~"
]

var failTwoArray = [
  "鐑熷惛澶氫簡鎹烺P锛熷棷锛岃偗瀹氭槸锛�",
  "鍐嶈瘯涔嬪墠锛屽彲浠ュ厛鍘绘鏌ヤ笅RP涔堬紵",
  "50%鐨勬垚鍔熷嚑鐜囦綘閮芥姄涓嶄綇锛屾垜杩樿兘璇翠粈涔堬紵",
  "浣犲彲浠ヤ笉涔栵紝浣嗕笉鑳藉お绗ㄥ摕锛�",
  "浣犲彲浠ヤ笉涔栵紝浣嗕笉鑳藉お绗ㄥ摕锛�"
]

function fail_one(){
	$("section.index .part1 .box").hide();
  $("section.index .part1 .fail .text").text(failOneArray[Math.floor(Math.random()*7)]);
	$("section.index .part1 .fail").fadeIn(200);
}

$("section.index .part1 .fail").on("touchstart", function(){
	$(this).hide();
	$("section.index .part1 .box").removeClass("item"+boxCur);
  boxGoSecond = 500;
	boxCur = 1;
	$("section.index .part1 .box").addClass("item"+boxCur);
	$("section.index .part1 .box").fadeIn(200);
});

function complete_one(){
	$("section.index .part1 .box").hide();
	$("section.index .part1 .complete").fadeIn(200);
  // $(".video").append('<video id="video" src="other/video2.mp4" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></video>');
  // _video = $("#video")[0];
  // _video.load();
	setTimeout(function(){
	  $(".video").show();
    $("#video2").show();
	  $(".part1").removeClass("on");
    _bg.pause();
		// _video.currentTime = 16;
		_video2.play();
    // _video.addEventListener("timeupdate", checkStart);
	}, 1500);
}

var p2time;

$("section.index .part2 .btn_start").on("touchstart", function(e){
	e.preventDefault();
	p2time = new Date();
	p2time = p2time.getTime();
	wx.startRecord();
  if(isAndroid == true){
    setTimeout(function(){
      wx.stopRecord({
        success: function (res) {
          localId = res.localId;
          wx.translateVoice({
            localId: localId, // 闇€瑕佽瘑鍒殑闊抽鐨勬湰鍦癐d锛岀敱褰曢煶鐩稿叧鎺ュ彛鑾峰緱
            isShowProgressTips: 1, // 榛樿涓�1锛屾樉绀鸿繘搴︽彁绀�
            success: function (res) {
              // alert(res.translateResult.indexOf("鎵�")); // 璇煶璇嗗埆鐨勭粨鏋�
              // if(res.translateResult == "鎵撳紑鐑熸満銆�"){
              //  complete_two();
              // }
              // if(res.translateResult != "鎵撳紑鐑熸満銆�"){
              //  fail_two();
              // }
              if(res.translateResult.indexOf("鎵�") == 0){
                complete_two();
              }
              if(res.translateResult.indexOf("鎵�") != 0){
                fail_two();
              }
            }
          });
        }
      });
    }, 5000);
  }
});

var localId = null;

$("section.index .part2 .btn_start").on("touchend", function(e){
	e.preventDefault();
	var p2time_e = new Date();
	p2time_e = p2time_e.getTime();
	if(p2time_e - p2time < 500){
		alert("璇烽暱鎸夎瀵嗙爜锛�");
		return;
	}
	wx.stopRecord({
		success: function (res) {
			localId = res.localId;
			wx.translateVoice({
				localId: localId, // 闇€瑕佽瘑鍒殑闊抽鐨勬湰鍦癐d锛岀敱褰曢煶鐩稿叧鎺ュ彛鑾峰緱
				isShowProgressTips: 1, // 榛樿涓�1锛屾樉绀鸿繘搴︽彁绀�
				success: function (res) {
					// alert(res.translateResult.indexOf("鎵�")); // 璇煶璇嗗埆鐨勭粨鏋�
					// if(res.translateResult == "鎵撳紑鐑熸満銆�"){
					// 	complete_two();
					// }
					// if(res.translateResult != "鎵撳紑鐑熸満銆�"){
					// 	fail_two();
					// }
          if(res.translateResult.indexOf("鎵�") == 0){
            complete_two();
          }
          if(res.translateResult.indexOf("鎵�") != 0){
            fail_two();
          }
				}
			});
		}
	});
	// complete_two();
});

function complete_two(){
	$("section.index .part2 .prompt").hide();
	$("section.index .part2 .complete").fadeIn(200);
  // $(".video").append('<video id="video" src="other/video2.mp4" x-webkit-airplay="true" webkit-playsinline="true" playsinline="true" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></video>');
  // _video = $("#video")[0];
  // _video.load();
	setTimeout(function(){
	  $(".video").show();
    $("#video3").show();
	  $(".part2").removeClass("on");
		_video3.play();
    // _video.addEventListener("ended", checkEnd);
	}, 1500);
}

function fail_two(){
	$("section.index .part2 .prompt").hide();
  $("section.index .part2 .fail .text").text(failTwoArray[Math.floor(Math.random()*5)]);
	$("section.index .part2 .fail").fadeIn(200);
}

$("section.index .part2 .fail").on("touchstart", function(){
  $(this).hide();
  $("section.index .part2 .prompt").fadeIn(200);
});
// _video.play();
// _video.addEventListener("timeupdate", checkStart);

// alert("v18");

// function checkStart(){
//   if(_video.currentTime >= 15 && _videoType == 0){
//     _videoType++;
//     $(".part1").addClass("on");
//     _video.pause();
//     $(".video video#video1").hide();
//     // $(".video video").remove();
//     // alert("part1end");
//   }
//   if(_video.currentTime >= 24 && _videoType == 1){
//     _videoType++;
//     $(".part2").addClass("on");
//     _video.pause();
//     $(".video video#video2").hide();
//     // $(".video video").remove();
//     // alert("part2end");
//   }
// }

_video1.addEventListener("ended", function(){
  $(".video").hide();
  $(".part1").addClass("on");
  $(".video video#video1").hide();
});

_video2.addEventListener("ended", function(){
  $(".video").hide();
  $(".part2").addClass("on");
  $(".video video#video2").hide();
});

_video3.addEventListener("ended", function(){
  $(".video").hide();
  // $(".video video").remove();
  $(".part1, .part2").hide();
  var nowTime = new Date();
  nowTime = nowTime.getTime();
  var useTime = parseInt((nowTime - _time)/1000);
  var per = parseInt(Math.random()*9)+30;
  var _text = "鐗瑰伐绉板彿锛�<strong>浣庣骇鐗瑰伐</strong><br>浣犲叿澶囩殑鐗瑰伐鍩哄洜瓒呰繃浜嗗叏鍥�<span>"+per+"%</span> 姝ｅ父浜猴紒";
  var _level = 1;
  // alert(useTime);
  if(useTime >= 75 && useTime < 150){
    per = parseInt(Math.random()*9)+70;
    _text = "鐗瑰伐绉板彿锛�<strong>涓骇鐗瑰伐</strong><br>浣犳縺鍙戠殑鐗瑰伐鏈兘宸茶秴瓒婂叏鍥�<span>"+per+"%</span> 姝ｅ父浜猴紒";
    // wxData.desc = "浣犺韩涓婃湁涓嶄负浜虹煡鐨勭壒宸ュぉ璧嬶紝鑳藉姏瓒呰繃鍏ㄥ浗"+per+"%鏅€氫汉锛�"
    _level = 2;
  }
  if(useTime < 75){
    per = parseInt(Math.random()*9)+90;
    _text = "鐗瑰伐绉板彿锛�<strong>楂樼骇鐗瑰伐</strong><br>浣犵殑鐗瑰伐姘旇川宸茬粡鍘嬪€掍簡鍏ㄥ浗99%姝ｅ父浜�";
    // wxData.desc = "鍚冩儕锛佷綘鐨勭壒宸ユ皵璐�<br>宸茬粡鍘嬪€掍簡鍏ㄥ浗"+per+"%姝ｅ父浜猴紒"
    _level = 3;
  }
  // _wxData.shareDesc = "浣犵殑鐗瑰伐姘旇川宸存媺宸存媺";
  // _pWxShare.share(_wxData,function(res){
  //     // _AJAX.post({"func":"saveShareInfo",type:res});
  // });
  $(".end .box").addClass("item"+_level);
  $(".end .text").html(_text);
  // $(".end .text span").text(per+"%");
  $(".end").fadeIn(200);
  _bg.play();
});

$("section.index .end .btn_again, section.index .end .btn_cancel").on("touchstart", function(){
  history.go(0);
});

$("section.index .end .btn_share").on("touchstart", function(){
  popShow("share");
});

$("section.index .end .btn_new").on("touchstart", function(){
  window.location.href="http://v.youku.com/v_show/id_XMTg4Nzg0MzcyMA==.html";
});

$(".pop .btn_cancel").on("touchstart", popHide);

$(window).on("resize",function(){
	var w = $(window).width(),
		h = $(window).height();

	var setW = w,
		setH = h;
	var t = 'matrix(1, 0, 0, 1, 0, 0)';
	$("body").removeClass('vertical');
	if(w<h){
		setW = h;
		setH = w;
		t = 'matrix(0, 1, -1, 0, '+ w +', 0)';
		$("body").addClass('vertical');
    $(".loading.on").hide();
	}else{
		$("body").removeClass('vertical');
    $(".loading.on").show();
	}
	// $("section.index .video").css({
	// 	width:setW,
	// 	height:setH,
	// 	"-webkit-transform": t,
	// });		
}).trigger("resize");

document.addEventListener("touchstart", function(e){
  e.preventDefault();
}, false);

if(window.WeixinJSBridge) {
  WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
    _video1.load();
    _video2.load();
    _video3.load();
    _effect.load();
    _effect_bt.load();
    _bg.play();
  });
}else{
  document.addEventListener("WeixinJSBridgeReady", function() {
    WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
      _video1.load();
      _video2.load();
      _video3.load();
      _effect.load();
      _effect_bt.load();
      _bg.play();
    });
  }, false);
}

var isAndroid = false;
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){
  isAndroid = true;
}




















